.footer_box {
    width:30vw;
    position: absolute;
    bottom: 0; left: 50%;
    transform:translate(-50%, 0);
    z-index: 2;
    ul.footer_content_ul{
        width:100%;
        display:flex;
        justify-content:space-between;
        padding-bottom:2rem;
        li{
            padding:4rem 1rem 0 1rem;
            position:relative;
            &.icon01, &.icon05{
                top:5.5rem;
            }
            &.icon02, &.icon04{
                top:2rem;
            }
            &:before{
                content:"";
                position:absolute;
                left:50%; top:0;
                transform:translate(-50%, 0);
                width:4rem; height:4rem;
            }
            &.icon01:before {
                background: url("../../images/safe_icon.png") no-repeat top center;
                background-size: auto 100%;
            }
            &.icon02:before {
                background: url("../../images/bike_icon.png") no-repeat top center;
                background-size: auto 100%;
            }
            &.icon03:before {
                background: url("../../images/waste_icon.png") no-repeat top center;
                background-size: auto 100%;
            }
            &.icon04:before {
                background: url("../../images/scene_icon.png") no-repeat top center;
                background-size: auto 100%;
            }
            &.icon05:before {
                background: url("../../images/unknown_icon.png") no-repeat top center;
                background-size: auto 100%;
            }
            span{
                font-size:1.6rem;
            }
        }
    }
    ul.footer_test{
        height:5rem;
        width:80%;
        margin-left:10%;
        padding:2vh 3vw 0;
        display:flex;
        align-items:center;
        background:url("../../images/footer_bg.png") no-repeat bottom center;
        background-size:100% auto;
        li{
            flex:1;
            position:relative;
            text-align:center;
            &.test_txt{
                font-size:1.6rem;
                color:#5CDAF5;
                text-shadow:0 2px 5px rgba(255, 255, 255, 0.5);
            }
            &:first-child,&:last-child{
                height:0;
                border-top:1px solid #5CDAF5;
                &:before, &:after{
                    content: "";
                    width: 0.4rem;
                    height: 0.4rem;
                    background-color: #5CDAF5;
                    position: absolute;
                    top: -0.2rem;
                    border-radius: 0.4rem;
                    overflow: hidden;
                }
                &:before{
                    left:-0.2rem;
                }
                &:after{
                    right: -0.2rem;
                }
            }
        }
    }
}
